<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖南省自来水公司营销管理信息系统</title> 
	
	<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/text.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/form.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/buttons.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen" title="no title" />	
	<link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" title="no title" />	
	
	<link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />
	
	<link rel="stylesheet" href="../css/custom.css" type="text/css" media="screen" title="no title">
	<link href="../css/bootstrap-iso.css" type="text/css" rel="stylesheet">
	<script src="../js/jquery/jquery-3.3.1.js"></script>
	<script src="/webjars/vue/2.5.17/dist/vue.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="../layui/layui.all.js" type="text/javascript" ></script>
</head> 
 
<body> 

<div id="wrapper">

	<div id="bool"><script>window.onload=function (){  $("#bool").load("../ming.html");}</script></div>


	<div id="content" class="xgrid" >

		<div class="x12">
			
			<h2>最大表码修正记录</h2>
			
			<div class="searchDiv">
				操作人员 <select class="medium" id="empID">
							<option value="">所有</option>
							<option v-for="e in emp" :value="e.id">{{e.empNmae}}</option>
						 </select>
				
				修正日期 <span class="between">
							<input onClick="WdatePicker();" id="datemax1"/> - <input onClick="WdatePicker();" id="datemax2"/>
						</span>
				<button class="btn btn-small btn-icon btn-find" @click="querybylike()"><span></span>查询</button>
			</div>
			
			
			<div class="reportTitle">
				最大表码修改记录报表
			</div>	
			<div class="height24">
				<div style="float:left;width:200px;">共 <span>{{sum}}</span> 次修改最大表码值</div>
			</div>
			<table class="report">
				<thead>
					<tr>
						<th width="100">日期</th>
						<th width="100">用户编码</th>
						<th width="100">用户姓名</th>
						<th width="60">修正前</th>
						<th width="60">修正后</th>
						<th width="80">操作员</th>
						<th>备注</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="m in maxvalue">
						<td class="center" v-text="m.Datee"></td>
						<td class="center" v-text="m.UserNo">0100000987</td>
						<td v-text="m.UserName">张三</td>
						<td class="right" v-text="m.MaxValue1">9999</td>
						<td class="right" v-text="m.MaxValue2">99999</td>
						<td class="center" v-text="m.EmpNmae">赵云</td>
						<td>经核实，此用户的最大表码值是 99999 </td>
					</tr>
				</tbody>
				</table>
				<div class="page">
					<a href="#" @click="query()">第一页</a>
					<a  href="javascript:;" @click="query(pageInfo.current-1)" v-if="pageInfo.current!=1">上一页</a>
					<input class="pageIndex" :value="pageInfo.current"/> / <input class="pageCount" readonly="readonly" :value="pageInfo.pages" />
					<a href="#" @click="query(pageInfo.current+1)"  v-if="pageInfo.current!=pageInfo.pages">下一页</a>
					<a href="#" @click="query(pageInfo.pages-0)">第未页</a>
				</div>
				
		</div> <!-- .x12 -->
		
	</div> <!-- #content -->
	<script>
		var content=new Vue({
			el:"#content",
			data:{
				sum:"",
				emp:"",
				maxvalue:"",
				pageInfo:"",
				changemax:{
					current:"",
					datemax1:"",
					datemax2:"",
					EmpID:"",
				}
			},
			methods:{
				querybylike(){
					var sum=0;
					content.changemax.datemax1=$("#datemax1").val();
					content.changemax.datemax2=$("#datemax2").val();
					content.changemax.EmpID=$("#empID").val();
					$.getJSON("/rd-read/querymax",content.changemax,function(json){
						content.maxvalue=json.records;
						content.pageInfo=json;
						$.each(json.records,function(){
							sum=sum+1;
						})
						content.sum=sum;
					});
				},
			query(current){
				content.changemax.current=current;
				$.getJSON("/rd-read/querymax",content.changemax,function(json){
					content.maxvalue=json.records;
					content.pageInfo=json;

				});
			}
			},
			created(){
			$.getJSON("/rd-read/queryemp",function(json){
				content.emp=json;
			})
				$.getJSON("/rd-read/querymax",function(json){
					var sum=0;
					content.maxvalue=json.records;
					content.pageInfo=json;
					$.each(json.records,function(){
						sum=sum+1;
					})
					content.sum=sum;
				});
			}


		})
	</script>
	<div id="footer">		
		<div class="content_pad">			
			<p>&copy; 2013-11 版权所有 <a href="#">湖南省自来水公司</a>.   技术支持 <a href="#">职业教育</a>.</p>
		</div> <!-- .content_pad -->
	</div> <!-- #footer -->
	
</div> <!-- #wrapper -->

<script src="../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../js/misc/excanvas.min.js"></script>
<script src="../js/jquery/facebox.js"></script>
<script src="../js/jquery/jquery.visualize.js"></script>
<script src="../js/jquery/jquery.dataTables.min.js"></script>
<script src="../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../js/jquery/jquery.uniform.min.js"></script>
<script src="../js/jquery/jquery.placeholder.min.js"></script>

<script src="../js/widgets.js"></script>
<script src="../js/dashboard.js"></script>
<script src="../My97DatePicker/WdatePicker.js"></script>

<script type="text/javascript">
	
$(document).ready ( function () 
{
	Dashboard.init ();
	
});


</script>

</body> 
 
</html>